﻿<!doctype html>
<html lang="zxx">
	<head>

		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<link rel="stylesheet" href="assets/css/bootstrap.min.css">
		<link rel="stylesheet" href="assets/css/animate.min.css">
		<link rel="stylesheet" href="assets/css/remixicon.css">
		<link rel="stylesheet" href="assets/css/flaticon.css">
		<link rel="stylesheet" href="assets/css/jquery-ui.min.css">
		<link rel="stylesheet" href="assets/css/magnific-popup.min.css">
		<link rel="stylesheet" href="assets/css/simplebar.min.css">
		<link rel="stylesheet" href="assets/css/metismenu.min.css">
		<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
		<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
		<link rel="stylesheet" href="assets/css/style.css">
		<link rel="stylesheet" href="assets/css/responsive.css">
		<title>刹那芳华 - 个人中心</title>
		<link rel="icon" type="image/png" href="assets/images/favicon.png">
	</head>
	<body>

		<div class="preloader-area">
			<div class="spinner">
				<div class="inner">
					<div class="disc"></div>
					<div class="disc"></div>
					<div class="disc"></div>
				</div>
			</div>
		</div>


		<div class="main-content-wrapper d-flex flex-column">

			<div class="navbar-area">
				<div class="main-responsive-nav">
					<div class="main-responsive-menu">
						<div class="responsive-burger-menu d-lg-none d-block">
							
						</div>
					</div>
				</div>
				<div class="main-navbar">
					<nav class="navbar navbar-expand-lg navbar-light">
						<a href="index.html" class="navbar-brand d-flex align-items-center">
							<img  class="logo" src="assets/images/logo.png" alt="image">
						</a>
						<div class="collapse navbar-collapse" id="navbarSupportedContent">
							
							<div class="search-box m-auto">
								
							</div>
							<div class="others-options d-flex align-items-center">
								<div class="option-item">
									<a href="index.html" class="home-btn"><i class="flaticon-home"></i></a>
								</div>
								<div class="option-item">
									<div class="dropdown friend-requests-nav-item">
										<a href="#" class="dropdown-bs-toggle" role="button" data-bs-toggle="dropdown"
											aria-haspopup="true" aria-expanded="false">
											<div class="friend-requests-btn">
												<i class="flaticon-user"></i>
												<span>3</span>
											</div>
										</a>
										<div class="dropdown-menu">
											<div
												class="friend-requests-header d-flex justify-content-between align-items-center">
												<h3>好友申请</h3>
												<i class="flaticon-menu"></i>
											</div>
											<div class="friend-requests-body" data-simplebar>
												<div class="item d-flex align-items-center">
													<div class="figure">
														<a href="#"><img src="assets/images/user/user-2.jpg"
																class="rounded-circle" alt="image"></a>
													</div>
													<div
														class="content d-flex justify-content-between align-items-center">
														<div class="text">
															<h4><a href="#">小熊</a></h4>
															<span>26 粉丝</span>
														</div>
														<div class="btn-box d-flex align-items-center">
															<button class="delete-btn d-inline-block me-2"
																data-bs-toggle="tooltip" data-bs-placement="top"
																title="拒绝" type="button"><i
																	class="ri-close-line"></i></button>
															<button class="confirm-btn d-inline-block"
																data-bs-toggle="tooltip" data-bs-placement="top"
																title="同意" type="button"><i
																	class="ri-check-line"></i></button>
														</div>
													</div>
												</div>
												
												<div class="view-all-requests-btn">
													<a href="friends.html" class="default-btn">显示全部申请</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="option-item">
									<div class="dropdown messages-nav-item">
										<a href="#" class="dropdown-bs-toggle" role="button" data-bs-toggle="dropdown"
											aria-haspopup="true" aria-expanded="false">
											<div class="messages-btn">
												<i class="flaticon-email"></i>
												<span>2</span>
											</div>
										</a>
										<div class="dropdown-menu">
											<div
												class="messages-header d-flex justify-content-between align-items-center">
												<h3>消息</h3>
												<i class="flaticon-menu"></i>
											</div>
											
											<div class="messages-body" data-simplebar>
												<div class="item d-flex justify-content-between align-items-center">
													<div class="figure">
														<a href="#"><img src="assets/images/user/user-11.jpg"
																class="rounded-circle" alt="image"></a>
													</div>
													<div class="text">
														<h4><a href="#">张三</a></h4>
														<span>你好，很高兴认识你</span>
													</div>
												</div>
												
												<div class="view-all-messages-btn">
													<a href="messages.html" class="default-btn">查看全部消息</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="option-item">
									<div class="dropdown notifications-nav-item">
										<a href="#" class="dropdown-bs-toggle" role="button" data-bs-toggle="dropdown"
											aria-haspopup="true" aria-expanded="false">
											<div class="notifications-btn">
												<i class="flaticon-bell"></i>
												<span>1</span>
											</div>
										</a>
										<div class="dropdown-menu">
											<div
												class="notifications-header d-flex justify-content-between align-items-center">
												<h3>通知</h3>
												<i class="flaticon-menu"></i>
											</div>
											<div class="notifications-body" data-simplebar>
												
												<div class="item d-flex justify-content-between align-items-center">
													<div class="figure">
														<a href="#"><img src="assets/images/user/user-12.jpg"
																class="rounded-circle" alt="image"></a>
													</div>
													<div class="text">
														<h4><a href="#">韩梅梅</a></h4>
														<span>通过了你的好友申请</span>
														<span class="main-color">2 天前</span>
													</div>
												</div>
												
												<div class="view-all-notifications-btn">
													<a href="notifications.html" class="default-btn">查看全部通知</a>
												</div>
											</div>
										</div>
									</div>
								</div>
								<div class="option-item">
									<div class="dropdown language-option">
										
									</div>
								</div>
								<div class="option-item">
									<div class="dropdown profile-nav-item">
										<a href="#" class="dropdown-bs-toggle" role="button" data-bs-toggle="dropdown"
											aria-haspopup="true" aria-expanded="false">
											<div class="menu-profile">
												<img src="assets/images/user/user-0.jpg" class="rounded-circle"
													alt="image">
												<span class="name">美美子</span>
												<span class="status-online"></span>
											</div>
										</a>
										<div class="dropdown-menu">
											
											<ul class="profile-body">
												<li><i class="flaticon-user"></i> <a href="my-profile.html">个人中心</a></li>
												
												<li><i class="flaticon-privacy"></i> <a href="privacy.html">修改密码</a>
												</li>
												<li><i class="flaticon-logout"></i> <a href="index.html">退出</a></li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</nav>
				</div>
				<div class="others-option-for-responsive">
					<div class="container">
						<div class="dot-menu">
							<div class="inner">
								<div class="circle circle-one"></div>
								<div class="circle circle-two"></div>
								<div class="circle circle-three"></div>
							</div>
						</div>
						<div class="container">
							<div class="option-inner">
								<div class="others-options d-flex align-items-center">
									<div class="option-item">
										<a href="index.html" class="home-btn"><i class="flaticon-home"></i></a>
									</div>
									<div class="option-item">
										<div class="dropdown friend-requests-nav-item">
											<a href="#" class="dropdown-bs-toggle" role="button"
												data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
												<div class="friend-requests-btn">
													<i class="flaticon-user"></i>
													<span>3</span>
												</div>
											</a>
											<div class="dropdown-menu">
												<div
													class="friend-requests-header d-flex justify-content-between align-items-center">
													<h3> 好友申请</h3>
													<i class="flaticon-menu"></i>
												</div>
												<div class="friend-requests-body">
													<div class="item d-flex align-items-center">
														<div class="figure">
															<a href="#"><img src="assets/images/user/user-2.jpg"
																	class="rounded-circle" alt="image"></a>
														</div>
														<div
															class="content d-flex justify-content-between align-items-center">
															<div class="text">
																<h4><a href="#">Sandra Cross</a></h4>
																<span>26 Friends</span>
															</div>
															<div class="btn-box d-flex align-items-center">
																<button class="delete-btn d-inline-block me-2"
																	data-bs-toggle="tooltip" data-bs-placement="top"
																	title="Delete" type="button"><i
																		class="ri-close-line"></i></button>
																<button class="confirm-btn d-inline-block"
																	data-bs-toggle="tooltip" data-bs-placement="top"
																	title="Confirm" type="button"><i
																		class="ri-check-line"></i></button>
															</div>
														</div>
													</div>
													
													<div class="view-all-requests-btn">
														<a href="friends.html" class="default-btn">View All Requests</a>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="option-item">
										<div class="dropdown messages-nav-item">
											<a href="#" class="dropdown-bs-toggle" role="button"
												data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
												<div class="messages-btn">
													<i class="flaticon-email"></i>
													<span>2</span>
												</div>
											</a>
											<div class="dropdown-menu">
												<div
													class="messages-header d-flex justify-content-between align-items-center">
													<h3>Messages</h3>
													<i class="flaticon-menu"></i>
												</div>
												<div class="messages-search-box">
													
												</div>
												<div class="messages-body">
													<div class="item d-flex justify-content-between align-items-center">
														<div class="figure">
															<a href="#"><img src="assets/images/user/user-11.jpg"
																	class="rounded-circle" alt="image"></a>
														</div>
														<div class="text">
															<h4><a href="#">James Vanwin</a></h4>
															<span>Hello Dear I Want Talk To You</span>
														</div>
													</div>
													
													<div class="view-all-messages-btn">
														<a href="messages.html" class="default-btn">View All
															Messages</a>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="option-item">
										<div class="dropdown notifications-nav-item">
											<a href="#" class="dropdown-bs-toggle" role="button"
												data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
												<div class="notifications-btn">
													<i class="flaticon-bell"></i>
													<span>1</span>
												</div>
											</a>
											<div class="dropdown-menu">
												<div
													class="notifications-header d-flex justify-content-between align-items-center">
													<h3>通知</h3>
													<i class="flaticon-menu"></i>
												</div>
												<div class="notifications-body">
													<div class="item d-flex justify-content-between align-items-center">
														<div class="figure">
															<a href="#"><img src="assets/images/user/user-11.jpg"
																	class="rounded-circle" alt="image"></a>
														</div>
														<div class="text">
															<h4><a href="#">James Vanwin</a></h4>
															<span>Posted A Comment On Your Status</span>
															<span class="main-color">20 Minites Ago</span>
														</div>
													</div>
													
													<div class="view-all-notifications-btn">
														<a href="notifications.html" class="default-btn">View All
															Notifications</a>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="option-item">
										<div class="dropdown language-option">
											<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
												aria-haspopup="true" aria-expanded="false">
												<i class="flaticon-global"></i>
												<span class="lang-name"></span>
											</button>
											<div class="dropdown-menu language-dropdown-menu">
												
											</div>
										</div>
									</div>
									<div class="option-item">
										<div class="dropdown profile-nav-item">
											<a href="#" class="dropdown-bs-toggle" role="button"
												data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
												<div class="menu-profile">
													<img src="assets/images/user/user-0.jpg" class="rounded-circle"
														alt="image">
													<span class="name">美美子</span>
													<span class="status-online"></span>
												</div>
											</a>
											<div class="dropdown-menu">
												<div class="profile-header">
													<h3>美美子</h3>
												</div>
												<ul class="profile-body">
													<li><i class="flaticon-user"></i> <a href="my-profile.html">个人中心</a></li>
													
													<li><i class="flaticon-privacy"></i> <a
															href="privacy.html">修改密码</a></li>
													
													<li><i class="flaticon-logout"></i> <a href="index.html">退出</a>
													</li>
												</ul>
											</div>
										</div>
									</div>
									
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			
			

			<div class="content-page-box-area">
				<div class="my-profile-inner-box">
					<div class="profile-cover-image">
						<a href="#">
							<img src="assets/images/my-profile-bg.jpg" alt="image">
						</a>
						<a href="#" class="edit-cover-btn">修改背景图</a>
					</div>
					<div class="profile-info-box">
						<div class="inner-info-box d-flex justify-content-between align-items-center">
							<div class="info-image">
								<a href="#">
									<img src="assets/images/user/user-0.jpg" style="width: 250px;" alt="image">
								</a>
								<div class="icon">
									<a href="#"><i class="flaticon-photo-camera"></i></a>
								</div>
							</div>
							<div class="info-text ms-3">
								<h3><a href="#">美美子</a></h3>
								<span>努力努力再努力</span>
							</div>
							<ul class="statistics">
								<li>
									<a href="#">
										<span class="item-number">59862</span>
										<span class="item-text">点赞</span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="item-number">8591</span>
										<span class="item-text">收藏</span>
									</a>
								</li>
								<li>
									<a href="#">
										<span class="item-number">784514</span>
										<span class="item-text">粉丝</span>
									</a>
								</li>
							</ul>
						</div>
						<div class="profile-list-tabs">
							<ul class="nav nav-tabs" id="myTab" role="tablist">
								<li class="nav-item">
									<a class="nav-link active" id="timeline-tab" data-bs-toggle="tab" href="#timeline"
										role="tab" aria-controls="timeline">时光之旅</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" id="about-tab" data-bs-toggle="tab" href="#about" role="tab"
										aria-controls="about">个人介绍</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" id="friends-tab" data-bs-toggle="tab" href="#friends" role="tab"
										aria-controls="friends">好友列表</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" id="photos-tab" data-bs-toggle="tab" href="#photos" role="tab"
										aria-controls="photos">相册</a>
								</li>
							</ul>
						</div>
						<ul class="profile-social">
							<!-- <li>
								<a href="https://www.facebook.com/EnvyTheme" target="_blank">
									<img src="assets/images/social/facebook.png" alt="image">
								</a>
							</li>
							 -->
						</ul>
					</div>
				</div>
				<div class="tab-content" id="myTabContent">
					<div class="tab-pane fade show active" id="timeline" role="tabpanel">
						<div class="row">
							<div class="col-lg-3 col-md-12">
								<aside class="widget-area">
									<div class="widget widget-suggested-groups">
										<h3 class="widget-title">兴趣小组</h3>
										<article class="item">
											<a href="#" class="thumb">
												<span class="fullimage bg1" role="img"></span>
											</a>
											<div class="info">
												<h4 class="title">
													<a href="#">技术交流</a>
												</h4>
												<span>5000+ 成员</span>
												<a href="#" class="join-btn">加入</a>
											</div>
										</article>
										<article class="item">
											<a href="#" class="thumb">
												<span class="fullimage bg2" role="img"></span>
											</a>
											<div class="info">
												<h4 class="title">
													<a href="#">工作推荐</a>
												</h4>
												<span>5000+ 成员</span>
												<a href="#" class="join-btn">加入</a>
											</div>
										</article>
										<article class="item">
											<a href="#" class="thumb">
												<span class="fullimage bg3" role="img"></span>
											</a>
											<div class="info">
												<h4 class="title">
													<a href="#">摄影爱好</a>
												</h4>
												<span>5000+ 成员</span>
												<a href="#" class="join-btn">加入</a>
											</div>
										</article>
									</div>
									<div class="widget widget-watch-video">
										<h3 class="widget-title">视频推荐</h3>
										<div class="watch-video-slides owl-carousel owl-theme">
											<div class="video-item">
												<img src="assets/images/watch-video/video-1.jpg" alt="image">
												<a href="#"
													class="video-btn popup-youtube">
													<i class="ri-play-fill"></i>
												</a>
											</div>
											<div class="video-item">
												<img src="assets/images/watch-video/video-2.jpg" alt="image">
												<a href="#"
													class="video-btn popup-youtube">
													<i class="ri-play-fill"></i>
												</a>
											</div>
											<div class="video-item">
												<img src="assets/images/watch-video/video-3.jpg" alt="image">
												<a href="#"
													class="video-btn popup-youtube">
													<i class="ri-play-fill"></i>
												</a>
											</div>
										</div>
									</div>
								</aside>
							</div>
							<div class="col-lg-6 col-md-12">
								<div class="news-feed-area">
									<div class="news-feed news-feed-form">
										<h3 class="news-feed-title">动态发布</h3>
										<form>
											<div class="form-group">
												<textarea name="message" class="form-control"
													placeholder="分享美好时光..."></textarea>
											</div>
											<ul class="button-group d-flex justify-content-between align-items-center">
												<li class="photo-btn">
													<button type="submit"><i class="flaticon-gallery"></i> 照片</button>
												</li>
												<li class="video-btn">
													<button type="submit"><i class="flaticon-video"></i> 视频</button>
												</li>
												<li class="tag-btn">
													<button type="submit"><i class="flaticon-tag"></i> 话题</button>
												</li>
												<li class="post-btn">
													<button type="submit">发送</button>
												</li>
											</ul>
										</form>
									</div>
									
									<div class="news-feed news-feed-post">
										<div class="post-header d-flex justify-content-between align-items-center">
											<div class="image">
												<a href="my-profile.html"><img src="assets/images/user/user-32.jpg"
														class="rounded-circle" alt="image"></a>
											</div>
											<div class="info ms-3">
												<span class="name"><a href="my-profile.html">叶轻眉</a></span>
												<span class="small-text"><a href="#">10 分钟前</a></span>
											</div>
											<div class="dropdown">
												<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
													aria-haspopup="true" aria-expanded="false"><i
														class="flaticon-menu"></i></button>
												<ul class="dropdown-menu">
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-edit"></i> 编辑</a></li>
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-private"></i> 隐藏</a></li>
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-trash"></i> 删除</a></li>
												</ul>
											</div>
										</div>
										<div class="post-body">
											<p>今天也是美美哒</p>
											<div class="post-image">
												<img src="assets/images/news-feed-post/post-1.jpg" alt="image">
											</div>
											<ul class="post-meta-wrap d-flex justify-content-between align-items-center">
												<li class="post-react">
													<a href="#"><i class="flaticon-like"></i><span></span> <span
															class="number">1499 </span></a>
													<ul class="react-list">
														<li>
															<a href="#"><img src="assets/images/react/react-1.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-2.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-3.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-4.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-5.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-6.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-7.png"
																	alt="Like"></a>
														</li>
													</ul>
												</li>
												<li class="post-comment">
													<a href="#"><i class="flaticon-comment"></i><span>评论</span> <span
															class="number">599 </span></a>
												</li>
												<!-- <li class="post-share">
													<a href="#"><i class="flaticon-share"></i><span>分享</span> <span
															class="number">24 </span></a>
												</li> -->
											</ul>
											<div class="post-comment-list">
												<div class="comment-list">
													<div class="comment-image">
														<a href="my-profile.html"><img src="assets/images/user/user-33.jpg"
																class="rounded-circle" alt="image"></a>
													</div>
													<div class="comment-info">
														<h3>
															<a href="my-profile.html">小黑子</a>
														</h3>
														<span>5 Mins Ago</span>
														<p>真好看</p>
														<ul class="comment-react">
															<li><a href="#" class="like"><i class="flaticon-like"></i>(2)</a></li>
															<li><a href="#">回复</a></li>
														</ul>
													</div>
												</div>
												<div class="comment-list">
													<div class="comment-image">
														<a href="my-profile.html"><img src="assets/images/user/user-34.jpg"
																class="rounded-circle" alt="image"></a>
													</div>
													<div class="comment-info">
														<h3>
															<a href="my-profile.html">嘤嘤酱</a>
														</h3>
														<span>45 分钟前</span>
														<p>还不错</p>
														<ul class="comment-react">
															<li><a href="#" class="like"><i class="flaticon-like"></i>(12)</a></li>
															<li><a href="#">回复</a></li>
														</ul>
													</div>
												</div>
												
												<div class="more-comments">
													<a href="#">更多评论+</a>
												</div>
											</div>
											<form class="post-footer">
												<div class="footer-image">
													<a href="#"><img src="assets/images/user/user-0.jpg" class="rounded-circle"
															alt="image"></a>
												</div>
												<div class="form-group">
													<textarea name="message" class="form-control"
														placeholder="留下评论..."></textarea>
													<label><a href="#"><i class="flaticon-photo-camera"></i></a></label>
												</div>
											</form>
										</div>
									</div>
									<div class="news-feed news-feed-post">
										<div class="post-header d-flex justify-content-between align-items-center">
											<div class="image">
												<a href="my-profile.html"><img src="assets/images/user/user-35.jpg"
														class="rounded-circle" alt="image"></a>
											</div>
											<div class="info ms-3">
												<span class="name"><a href="my-profile.html">华莱战士</a></span>
												<span class="small-text"><a href="#">50 分钟前</a></span>
											</div>
											<div class="dropdown">
												<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
													aria-haspopup="true" aria-expanded="false"><i
														class="flaticon-menu"></i></button>
												<ul class="dropdown-menu">
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-edit"></i> 编辑</a></li>
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-private"></i> 隐藏</a></li>
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-trash"></i> 删除</a></li>
												</ul>
											</div>
										</div>
										<div class="post-body">
											<p>💗</p>
											<div class="post-image">
												<img src="assets/images/news-feed-post/post-2.jpg" alt="image">
											</div>
											<ul class="post-meta-wrap d-flex justify-content-between align-items-center">
												<li class="post-react">
													<a href="#"><i class="flaticon-like"></i><span></span> <span
															class="number">3 </span></a>
													<ul class="react-list">
														<li>
															<a href="#"><img src="assets/images/react/react-1.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-2.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-3.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-4.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-5.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-6.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-7.png"
																	alt="Like"></a>
														</li>
													</ul>
												</li>
												<li class="post-comment">
													<a href="#"><i class="flaticon-comment"></i><span>评论</span> <span
															class="number">0 </span></a>
												</li>
												
											</ul>
											<form class="post-footer">
												<div class="footer-image">
													<a href="#"><img src="assets/images/user/user-0.jpg" class="rounded-circle"
															alt="image"></a>
												</div>
												<div class="form-group">
													<textarea name="message" class="form-control"
														placeholder="留下评论..."></textarea>
													<label><a href="#"><i class="flaticon-photo-camera"></i></a></label>
												</div>
											</form>
										</div>
									</div>
									<div class="news-feed news-feed-post">
										<div class="post-header d-flex justify-content-between align-items-center">
											<div class="image">
												<a href="my-profile.html"><img src="assets/images/user/user-36.jpg"
														class="rounded-circle" alt="image"></a>
											</div>
											<div class="info ms-3">
												<span class="name"><a href="my-profile.html">玛丽苏</a></span>
												<span class="small-text"><a href="#">2 小时前</a></span>
											</div>
											
										</div>
										<div class="post-body">
											<p>保持微笑 🧡</p>
											<div class="post-image">
												<img src="assets/images/news-feed-post/post-3.jpg" alt="image">
											</div>
											<ul class="post-meta-wrap d-flex justify-content-between align-items-center">
												<li class="post-react">
													<a href="#"><i class="flaticon-like"></i><span></span> <span
															class="number">15 </span></a>
													<ul class="react-list">
														<li>
															<a href="#"><img src="assets/images/react/react-1.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-2.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-3.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-4.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-5.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-6.png"
																	alt="Like"></a>
														</li>
														<li>
															<a href="#"><img src="assets/images/react/react-7.png"
																	alt="Like"></a>
														</li>
													</ul>
												</li>
												<li class="post-comment">
													<a href="#"><i class="flaticon-comment"></i><span>评论</span> <span
															class="number">0 </span></a>
												</li>
												
											</ul>
											<form class="post-footer">
												<div class="footer-image">
													<a href="#"><img src="assets/images/user/user-0.jpg" class="rounded-circle"
															alt="image"></a>
												</div>
												<div class="form-group">
													<textarea name="message" class="form-control"
														placeholder="留下评论..."></textarea>
													<label><a href="#"><i class="flaticon-photo-camera"></i></a></label>
												</div>
											</form>
										</div>
									</div>
									<div class="load-more-posts-btn">
										<a href="#"><i class="flaticon-loading"></i>加载更多</a>
									</div>
								</div>
							</div>
							<div class="col-lg-3 col-md-12">
								<aside class="widget-area">
									
									<div class="widget widget-who-收藏">
										<h3 class="widget-title">热门话题</h3>
										<div class="收藏-item d-flex justify-content-between align-items-center">
											<span class="name add-friend"><a href="#">#热气球</a></span>
										</div>
										<div class="收藏-item d-flex justify-content-between align-items-center">
											<span class="name add-friend"><a href="#">#刘慈欣</a></span>
										</div>
										<div class="收藏-item d-flex justify-content-between align-items-center">
											<span class="name add-friend"><a href="#">#狂飙</a></span>
										</div>
										
									</div>
								</aside>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="about" role="tabpanel">
						<div class="row">
							<div class="col-lg-3 col-md-12">
								<div class="about-personal-information">
									<div class="about-header d-flex justify-content-between align-items-center">
										<div class="title">个人信息</div>
										<div class="dropdown">
											<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
												aria-haspopup="true" aria-expanded="false"><i
													class="flaticon-menu"></i></button>
											<ul class="dropdown-menu">
												<li><a class="dropdown-item d-flex align-items-center" href="#"><i
															class="flaticon-edit"></i> 编辑</a></li>
											</ul>
										</div>
									</div>
									<ul class="information-list">
										<li>
											<span>Email:</span>meimei@163.com
										</li>
										<li>
											<span>生日:</span> 2001.1.1
										</li>
										<li>
											<span>职业:</span> 学生
										</li>
										<li>
											<span>地址:</span> 广东省深圳市
										</li>
										<li>
											<span>电话:</span> <a href="tel:18511116666">18511116666</a>
										</li>
										<li>
											<span>性别:</span> 女
										</li>
										
									</ul>
								</div>
							</div>
							<div class="col-lg-9 col-md-12">
								<div class="about-details-information">
									<div class="information-box-content">
										<div
											class="information-header d-flex justify-content-between align-items-center">
											<div class="title">关于我!</div>
											<div class="dropdown">
												<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
													aria-haspopup="true" aria-expanded="false"><i
														class="flaticon-menu"></i></button>
												<ul class="dropdown-menu">
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-edit"></i> 编辑</a></li>
												</ul>
											</div>
										</div>
										<div class="content">
											<p>我是一个乐观开朗的人</p>
											<p>想好了再写</p>
										</div>
									</div>
									<div class="information-box-content">
										<div
											class="information-header d-flex justify-content-between align-items-center">
											<div class="title">个人经历</div>
											<div class="dropdown">
												<button class="dropdown-toggle" type="button" data-bs-toggle="dropdown"
													aria-haspopup="true" aria-expanded="false"><i
														class="flaticon-menu"></i></button>
												<ul class="dropdown-menu">
													<li><a class="dropdown-item d-flex align-items-center" href="#"><i
																class="flaticon-edit"></i> 编辑</a></li>
												</ul>
											</div>
										</div>
										<div class="box-content">
											<p class="designation">郑州尚马学院 网络工程 <span>(2019 - 2023)</span>
											</p>
										</div>
										<div class="box-content">
											<p class="designation">深圳市龙湖地产 <span>(2020.7 - 2021.1)</span></p>
											<span class="title">外呼小组长</span>
											<p>负责电话线上挖掘邀约客户</p>
											<p>对接客户</p>
											<p>跟进情况</p>
										</div>
										
									</div>
									
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="friends" role="tabpanel">
						<div class="friends-inner-box-style d-flex justify-content-between align-items-center">
							<div class="title">
								<h3>好友</h3>
								<span>199</span>
							</div>
							<ul class="nav nav-tabs" id="myTab" role="tablist">
								<li class="nav-item">
									<a class="nav-link active" id="all-friends-tab" data-bs-toggle="tab"
										href="#all-friends" role="tab" aria-controls="all-friends">全部好友</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" id="recently-added-tab" data-bs-toggle="tab"
										href="#recently-added" role="tab" aria-controls="recently-added">最近添加</a>
								</li>
							</ul>
							<div class="friends-search-box">
								
							</div>
						</div>
						<div class="tab-content" id="myTabContent">
							<div class="tab-pane fade show active" id="all-friends" role="tabpanel">
								<div class="row justify-content-center">
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-1.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/friends/friends-1.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">铁柱</a></h3>
														<span>19 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">862</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">91</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">514</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-2.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/friends/friends-2.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">二妮</a></h3>
														<span>45 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">82</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">50</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">314</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-3.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/friends/friends-3.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">巨石</a></h3>
														<span>19 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">452</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">120</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">328</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-4.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/friends/friends-4.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">大漂亮</a></h3>
														<span>18 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">685</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">16</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">675</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									
								</div>
								<div class="load-more-posts-btn">
									<a href="#"><i class="flaticon-loading"></i> Load More</a>
								</div>
							</div>
							<div class="tab-pane fade" id="recently-added" role="tabpanel">
								<div class="row justify-content-center">
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-1.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/user/user-10.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">翠花</a></h3>
														<span>10 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">862</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">91</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">514</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-2.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/user/user-11.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">李四</a></h3>
														<span>45 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">82</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">50</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">314</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-3.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/user/user-12.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">韩梅梅</a></h3>
														<span>19 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">452</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">120</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">328</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-friends-card">
											<div class="friends-image">
												<a href="#">
													<img src="assets/images/friends/friends-bg-4.jpg" alt="image">
												</a>
												<div class="icon">
													<a href="#"><i class="flaticon-user"></i></a>
												</div>
											</div>
											<div class="friends-content">
												<div
													class="friends-info d-flex justify-content-between align-items-center">
													<a href="#">
														<img src="assets/images/user/user-13.jpg" alt="image">
													</a>
													<div class="text ms-3">
														<h3><a href="#">大张伟</a></h3>
														<span>18 好友</span>
													</div>
												</div>
												<ul class="statistics">
													<li>
														<a href="#">
															<span class="item-number">685</span>
															<span class="item-text">喜欢</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">16</span>
															<span class="item-text">收藏</span>
														</a>
													</li>
													<li>
														<a href="#">
															<span class="item-number">675</span>
															<span class="item-text">粉丝</span>
														</a>
													</li>
												</ul>
												<div
													class="button-group d-flex justify-content-between align-items-center">
													<div class="add-friend-btn">
														<button type="submit">添加好友</button>
													</div>
													<div class="send-message-btn">
														<button type="submit">发送信息</button>
													</div>
												</div>
											</div>
										</div>
									</div>
									
								</div>
								<div class="load-more-posts-btn">
									<a href="#"><i class="flaticon-loading"></i> 加载更多</a>
								</div>
							</div>
						</div>
					</div>
					<div class="tab-pane fade" id="photos" role="tabpanel">
						<div class="photos-inner-box-style d-flex justify-content-between align-items-center">
							<div class="title">
								<h3>相册</h3>
								<span>855</span>
							</div>
							<ul class="nav nav-tabs" id="myTab" role="tablist">
								<li class="nav-item">
									<a class="nav-link active" id="all-photos-tab" data-bs-toggle="tab"
										href="#all-photos" role="tab" aria-controls="all-photos">全部照片</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" id="photos-albums-tab" data-bs-toggle="tab"
										href="#photos-albums" role="tab" aria-controls="photos-albums">图集</a>
								</li>
							</ul>
							<div class="photos-search-box">
								
							</div>
						</div>
						<div class="tab-content" id="myTabContent">
							<div class="tab-pane fade show active" id="all-photos" role="tabpanel">
								<div class="row justify-content-center">
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-1.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-2.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-3.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-4.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-5.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-6.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-7.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-8.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-9.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-10.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-11.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-12.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-13.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-14.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-15.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-16.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
								</div>
								<div class="load-more-posts-btn">
									<a href="#"><i class="flaticon-loading"></i> Load More</a>
								</div>
							</div>
							<div class="tab-pane fade" id="photos-albums" role="tabpanel">
								<div class="row justify-content-center">
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-16.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-15.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-14.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-13.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-12.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-11.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-10.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-9.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-8.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-7.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-6.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-5.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-4.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-3.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-2.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
									<div class="col-lg-3 col-sm-6">
										<div class="single-photos-card">
											<a href=""><img src="assets/images/photos/photos-1.jpg" alt="image"></a>
											<div class="icon">
												<a href="#"><i class="flaticon-remove-user"></i></a>
												<a href="#"><i class="flaticon-download"></i></a>
											</div>
										</div>
									</div>
								</div>
								<div class="load-more-posts-btn">
									<a href="#"><i class="flaticon-loading"></i> 加载更多</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>


			
		</div>


		<div class="copyrights-area">
			<div class="container">
				<div class="row align-items-center">
					<p><i class="ri-copyright-line"></i> 2024 Young. All Rights Reserved by 尚马教育</p>
				</div>
			</div>
		</div>


		<div class="go-top">
			<i class="ri-arrow-up-line"></i>
		</div>


		<script src="assets/js/jquery.min.js"></script>
		<script src="assets/js/bootstrap.bundle.min.js"></script>
		<script src="assets/js/jquery.magnific-popup.min.js"></script>
		<script src="assets/js/jquery-ui.min.js"></script>
		<script src="assets/js/simplebar.min.js"></script>
		<script src="assets/js/metismenu.min.js"></script>
		<script src="assets/js/owl.carousel.min.js"></script>
		<script src="assets/js/wow.min.js"></script>
		<script src="assets/js/main.js"></script>
	</body>
</html>
